<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/admin/v3/css/plugins/zTree/metroStyle/metroStyle.css?v={v}(path=${staticPath},v=${v})}"/>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div class="row">
            <div class="creat-step-wrap clearfix">
                <div class="col-sm-6" id="back_step">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-pointer-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第一步：基本信息</span></h5>
                            <span class="fs14 c-999">体系树基本信息-名称、专业适用系统等</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 creat-step-current">
                    <div class="creat-step-bx">
                        <span class="vam fs24 c-4e"><i class="fa fa-hand-peace-o"></i></span>
                        <div class="creat-step-txt">
                            <h5><span class="fs18 c-222">第二步：内容信息</span></h5>
                            <span class="fs14 c-999">知识体系的明细目录</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt10">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title clearfix">
                            <h5><span th:text="'【'+${loreset['loresetName']}+'】'"></span>知识体系结构<br/><br/>
                                <small class="fs12 c-red"><i class="fa fa-lightbulb-o"></i> 在目录节点中，鼠标在节点上即可调出操作按钮。提供（创建、修改、删除）</small>
                            </h5>
                            <div class="ibox-tools col-sm-6">
                                <div class="checkbox i-checks">
                                    <div class="col-sm-4">
                                        <div style="display: table;" class="input-group opSearchBox input-box">
                                            <input id="search-loreset-point" type="text" class="input-sm form-control vam" placeholder="请输入知识点名"/>
                                        </div>
                                    </div>
                                    <label><input type="checkbox" value="" id="all-loresetPoint"/> <i></i> 全选</label>
                                    <button type="button" id="create-loreset-point" class="btn btn-xs btn-danger ml5">新增知识点</button>
                                    <button type="button" class="btn btn-xs btn-primary ml5" id="delete-batch">批量删除</button>
                                </div>
                            </div>
                        </div>
                        <div class="ibox-content-tree" style="background-color: #fff;">
                            <input type="hidden" id="loresetId" th:value="${loresetId}"/>
                            <div id="loreset-point-jstree" class="ztree" style="background-color: #fff">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/libs/plugins/zTree/jquery.ztree.all.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/manage/loreset/lore-point.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
